<ion-content>

    <ion-card>
        <ion-card-header>

            <ion-card-title>
                监理文档
            </ion-card-title>
        </ion-card-header>
        <ion-card-content>

            <div id="Js_Tree">
                <ul class="fisrtul" *ngFor="let items of content">
                    <li class="treeson">
                        <div class="row">
                            <ion-icon name="md-arrow-dropright"></ion-icon>
                            <ion-icon name="ios-folder-open-outline"></ion-icon>

                            <label>{{items.Name}}</label>
                            <a href="javascript:void(0)" class="count"></a>
                        </div>

                        <ul class="treeson1"  *ngFor="let item of items.DocumentTplChild"  >
                            <li *ngIf="item.Name" (click)="opendoclis(item.Key)">
                                <div class="row">
                                    <ion-icon name="md-arrow-dropright"></ion-icon>
                                    <ion-icon name="ios-folder-open-outline"></ion-icon>
                                    <label>{{item.Name}}</label>
                                    <a href="javascript:void(0)" class="count">{{item.Pending}}</a>
                                </div>
                                <ul class="treeson2" *ngFor="let ite of item.DocumentTplChild" >
                                    <li *ngIf="ite.Name" (click)="opendoclis(ite.Key)">
                                        <div class="row">
                                            <ion-icon name="md-arrow-dropright"></ion-icon>
                                            <ion-icon name="ios-folder-open-outline"></ion-icon>
                                            <label>{{ite.Name}}</label>
                                            <a href="javascript:void(0)" class="count">{{ite.Pending}}</a>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </li>

                    

                  </ul>   
                   
            </div>
        </ion-card-content>
    </ion-card>
</ion-content>